@charset 'utf-8';

/* author:ZJ; date:2018-02; */

body{color:#333;background:#fff;}


.yahei{font-family:'Microsoft YaHei';}


.top-box{ position:relative; z-index:10; }
.top-box .area{height:124px;}
.top-box .logo{position:absolute;top:0;left:0;height:100%;font-size:0;}
.top-box .logo:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.top-box .logo img{ vertical-align: middle; }

.top-tel{ position: absolute; top:28px; right: 0; text-align: right; }
.top-tel .wechat{ float: right; display: inline; margin-left: 12px; }
.top-tel .wechat img.erwei{ width: 70px; height: 70px; }
.top-tel .conBox{ overflow: hidden; }
.top-tel .conBox h4{ line-height: 22px; font-weight: normal; }
.top-tel .conBox p.tel{ line-height: 26px; font-size: 24px; color: #666; }
.top-tel .conBox p.tel strong{ color: #396; }
.top-tel .conBox p.text{ line-height: 20px; }


.nav-box{ position: relative; z-index: 10; background: #029c3c url(../images/bg-nav.png) center repeat; }

.m-search{ position: absolute; z-index: 10; top: 0; right: 0; line-height: 0; font-size: 0; }
.m-search input{ vertical-align: top; border: 0 none; }
.m-search .u-text{ width: 0; height: 44px; line-height: 44px; font-size: 16px; -moz-box-shadow:inset 0 0 0 2px #82bc2f; -webkit-box-shadow:inset 0 0 0 2px #82bc2f; box-shadow:inset 0 0 0 2px #82bc2f; -webkit-transition: .6s all .3s ease;-moz-transition: .6s all .3s ease;transition: .6s all .3s ease; }
.m-search .u-btn{ width: 44px; height: 44px; overflow: hidden; background: #82bc2f url(../images/ico-search.png) center no-repeat; }
.m-search.show .u-text{ width: 200px; padding: 0 6px; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s; }


.m-nav{ margin-right: 45px; }
/*.m-nav a{ -webkit-transition:none;-moz-transition:none;transition:none; }*/
.m-nav .fir-ul{ font-size:0; text-align: center;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;text-align:center;width: 144px;}
.m-nav .fir-ul .u-a{ position: relative; z-index: 5; display:block; height:44px; line-height: 44px; overflow: hidden; font-size: 18px; color: #fff; }
.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a{ background: #85bd2d; }

.m-nav .sec-box{ position:absolute;z-index:10; top:44px; left: 0; width: 100%; }
.m-nav .sec-ul li{ margin-top: 1px; height:42px; line-height:42px; overflow:hidden; font-size:14px; text-align: center; }
.m-nav .sec-ul a{ display: block; color: #fff; background: rgba(49,77,115,.7); }
.m-nav .sec-ul a:hover{ background: #85bd2d; }
.m-nav .nav-y .sec-box{ display:none; }


.banner-box{position:relative;z-index:0;}
.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;height:678px;}
.m-focus .switchable-content li{width:100%;height:678px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:678px;}
.m-focus .switchable-nav{ position: absolute; bottom: 24px; left: 50%; margin-left: -600px; width: 1200px; line-height: 0; font-size: 0; text-align: center; }
.m-focus .switchable-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin:0 8px; padding-top: 8px; width:8px; height:0; overflow: hidden; border: solid 2px #fff; background: #fff; cursor:pointer; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-focus .switchable-nav li.active{ background-color: #209b5b; }

.sub-focus .switchable-box,
.sub-focus .switchable-content li,
.sub-focus .switchable-content li a{ height: 408px; }


.m-menu{ position: absolute; bottom: 62px; left: 50%; margin-left: -536px; width: 1072px; height: 142px; overflow: hidden; }
.m-menu li{ float: left; display: inline; margin-left: 2px; width: 356px; }
.m-menu li:first-child{ margin-left: -2px; }
.m-menu li.first{ margin-left: -2px; }
.m-menu .u-box{ position: relative; zoom:1; overflow: hidden; display: block; line-height: 30px; color: #fff; }
.m-menu .u-img{ display: block; width: 356px; height: 142px; overflow: hidden; }
.m-menu .u-name{ position: absolute; z-index: 10; top: 22px; left: 22px; right: 22px; height: 60px; overflow: hidden; font-size: 16px; }
.m-menu .u-more{ position: absolute; z-index: 10; bottom: 16px; left: 22px; right: 22px; height: 30px; overflow: hidden; font-size: 14px; }

.m-menu .u-box .u-img .jqthumb>div{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease; }
.m-menu .u-box:hover .u-img .jqthumb>div{-webkit-filter:brightness(.6);-moz-filter:brightness(.6);filter:brightness(.6);}
.m-menu .u-box:before{ content: ""; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); -webkit-transform: scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); -moz-transform: scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.m-menu .u-box:hover:before{ -webkit-transform: scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); -moz-transform: scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(2.8,2,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }


.main-box,.sub-box{ position: relative; z-index:5; padding-bottom: 60px; }

.m-title{ position: relative; zoom:1; margin: 0 auto; padding: 8px 8px 0; width: 166px; line-height: 0; font-size: 0; text-align: center; }
.m-title:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 25px; border: solid 2px #27c085; border-bottom: none; }
.m-title h2{ height: 32px; line-height: 32px; overflow: hidden; font-size: 24px; font-weight: normal; }
.m-title p{ display: inline-block; *display: inline; zoom:1; vertical-align: top; padding: 0 3px; height: 22px; line-height: 22px; overflow: hidden; font-size: 12px; color: #999; }
.m-title span.line{ content: ""; position: absolute; bottom: 9px; width: 20px; height: 20px; border-bottom: solid 2px #27c085; }
.m-title span.lineL{ left: 0; border-left: solid 2px #27c085; }
.m-title span.lineR{ right: 0; border-right: solid 2px #27c085; }

.m-scheme{ padding: 36px 0 50px; }
.m-scheme .listBox{ margin-top: 44px; }
.m-scheme .listBox li{ float: left; display: inline; margin-right: 36px; width: 273px; }
.m-scheme .listBox .ico{ position: absolute; z-index: 10; top: 50%; left: 50%; margin: -37px 0 0 -37px; width: 70px; height: 70px; overflow: hidden; border: solid 2px #fff; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; -webkit-transition:.6s all .15s ease;-moz-transition:.6s all .15s ease;transition:.6s all .15s ease; }
.m-scheme .listBox .ico img{ display: block; width: 100%; height: 100%; }
.m-scheme .listBox .line{ content: ""; position: absolute; z-index: 5; top: 10px; bottom: 10px; left: 12px; right: 12px; overflow: hidden; border: solid 1px #fff; background: rgba(255,255,255,.05); }
.m-scheme .listBox .u-box{ position: relative; zoom:1; display: block; }
.m-scheme .listBox .u-img{ display: block; width: 273px; height: 204px; overflow: hidden; }
.m-scheme .listBox .u-name{ margin-top: 18px; height: 24px; line-height: 24px; overflow: hidden; font-size: 18px; font-weight: normal; text-align: center; }

.m-scheme .listBox .u-box:hover .ico{ -moz-box-shadow: 0 0 0 6px rgba(255,255,255,.25); -webkit-box-shadow: 0 0 0 6px rgba(255,255,255,.25); box-shadow: 0 0 0 6px rgba(255,255,255,.25); }

.m-scheme .listBox .line:before,
.m-scheme .listBox .line:after{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -168.5px; width: 0; height: 0; border-left: solid 168.5px transparent; border-right: solid 168.5px transparent; border-bottom:337px solid rgba(255,255,255,0.15); -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-scheme .listBox .line:after{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.m-scheme .listBox .u-box:hover .line:before{-webkit-transform:translate(0px,-337px);transform:translate(0px,-337px);}
.m-scheme .listBox .u-box:hover .line:after{-webkit-transform:translate(0px,-247px);transform:translate(0px,-247px);}
.m-scheme .listBox .u-box:hover .line:after{ -webkit-transition-delay: .15s; -moz-transition-delay: .15s; transition-delay: .15s; }

.m-product{ position: relative; zoom:1; padding-top: 40px; height: 665px; }
.m-product .bgBox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.m-product .bgBox img{ display: none; }
.m-product .m-title h2,
.m-product .m-title p{ color: #fff; }

.m-product .tabBox{ margin-top: 30px; overflow: hidden; }
.m-product .tabTitle{ height: 36px; line-height: 36px; overflow: hidden; font-size: 0; text-align: center; }
.m-product .tabTitle li{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: middle; margin: 0 42px; font-size: 18px; color: #fff; }
.m-product .tabTitle a{ display: block; color: #fff; }

.m-product .tabTitle li:before{ content: ""; position: absolute; bottom: 0; left: 50%; right: 50%; height: 2px; background: #259c74; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-product .tabTitle li.on:before{ left: 0; right: 0; }

.m-product .tabCon{ margin: 30px -1px 0; }
.m-product .tabCon .content{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-product .listBox li{ float: left; display: inline; margin:0 1px; width: 299px; }
.m-product .listBox .u-box{ position: relative; zoom:1; display: block; height: 412px; background: #fff; }
.m-product .listBox .u-img{ position: absolute; top: 113px; left: 0; width: 299px; height: 299px; overflow: hidden; }
.m-product .listBox .u-con{ position: absolute; top: 0; left: 0; right: 0; padding: 22px 26px 0; }
.m-product .listBox .u-con h4,
.m-product .listBox .u-con p{ height: 30px; line-height: 30px; overflow: hidden; }
.m-product .listBox .u-con h4{ font-size: 18px; font-weight: normal; }
.m-product .listBox .u-con p{ font-size: 16px; color: #0e915a; }

.m-product .listBox li.child-odd .u-img{ top: 0; }
.m-product .listBox li.child-odd .u-con{ top: 299px; }

.m-product .pageBox{ display: none; margin-top: 38px; line-height: 0; font-size: 0; text-align: center; }
.m-product .pageBox li{ float: none; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin:0 6px; padding-top: 8px; width:8px; height:0; overflow: hidden; border: solid 2px #fff; background: #fff; cursor:pointer; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-product .pageBox li.active{ background-color: #209b5b; }


.m-project{ padding: 50px 0 72px; overflow: hidden; }
.m-project .listBox{ position: relative; zoom:1; margin: 44px 0 24px; }
.m-project .listBox li{ float: left; display: inline; margin-right: 16px; width: 288px; }
.m-project .listBox .u-box{ position: relative; zoom:1; display: block; margin-bottom: 56px; color: #fff; }
.m-project .listBox .u-img{ display: block; width: 288px; height: 288px; overflow: hidden; }
.m-project .listBox .u-con{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0 10px; height: 0; overflow: hidden; background: #209b5b; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-project .listBox .u-con h4{ padding-top: 30px; height: 72px; line-height: 24px; overflow: hidden; font-size: 16px; font-weight: normal; }
.m-project .listBox .u-con p{ margin-top: 14px; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px; border-top: solid 1px #42ba7c; }
.m-project .listBox .u-box:hover .u-con{ height: 172px; bottom: -56px; }
.m-project .btnBox a{ position: absolute; top: 50%; margin-top: -54px; width: 32px; height: 51px; overflow: hidden; background: url(../images/btn-scroll.png) no-repeat; filter:alpha(opacity=40);opacity:.4; }
.m-project .btnBox a.prevBtn{ left: 0; background-position: 0 0; }
.m-project .btnBox a.nextBtn{ right: 0; background-position: -42px 0; }
.m-project .btnBox a:hover{ filter:alpha(opacity=80);opacity:.8;}


.btn-more{ position: relative; zoom:1; display: block; margin: 0 auto; width: 166px; height: 44px; line-height: 44px; font-size: 14px; text-align: center; color: #138e4e; }
.btn-more:before,
.btn-more:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;-moz-border-radius:34px;-webkit-border-radius:34px;border-radius:34px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.btn-more:before{border:solid 2px #209b5b;}
.btn-more:after{margin:8px;filter:alpha(opacity=0);opacity:0;background:#209b5b;}
.btn-more span{ position: relative; z-index: 10; }
.btn-more:hover{color:#fff;}
.btn-more:hover:before{margin:-12px;filter:alpha(opacity=0);opacity:0;}
.btn-more:hover:after{margin:0;filter:alpha(opacity=100);opacity:1;}


.m-news{ padding: 54px 0 48px; overflow: hidden; background: #f5f5f5; }
.m-news .listBox{ position: relative; zoom:1; margin: 50px 0 35px; }
.m-news .listBox li{ float: left; display: inline; margin-right: 32px; padding-bottom: 16px; width: 276px; }
.m-news .listBox a:hover{ color: #209b5b; }
.m-news .listBox .u-img{ position: relative; zoom:1; display: block; width: 276px; height: 206px; overflow: hidden; }
.m-news .listBox .u-img .date{ position: absolute; z-index: 10; top: 0; left: 18px; padding: 30px 4px 6px; width: 44px; color: #fff; background: #209b5b url(../images/bg-date.png) 0 80px repeat-x; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-news .listBox .u-img .date .DD{ line-height: 30px; text-indent: 3px; font-size: 26px; }
.m-news .listBox .u-img .date .YYMM{ line-height: 14px; white-space: nowrap; }
.m-news .listBox .u-img:hover .date{ background-position: 0 0; }
.m-news .listBox .u-name{ margin-top: 15px; height: 48px; line-height: 24px; overflow: hidden; font-size: 16px; font-weight: normal; }
.m-news .listBox .u-con{ margin-top: 18px; padding-top: 16px; height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; border-top: solid 1px #ccc; }
.m-news .listBox .u-more{ margin-top: 4px; line-height: 24px; }
.m-news .listBox .u-more a{ font-size: 14px; color: #209b5b; }
.m-news .listBox .u-more a:after{ content: ">"; vertical-align: top; font-size: 15px; font-family: 'SimHei'; filter:alpha(opacity=0);opacity:0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-news .listBox .u-more a:hover:after{ margin-left: 6px; filter:alpha(opacity=100);opacity:1; }

.m-news .btnBox a{ position: absolute; top: 78px; width: 32px; height: 51px; overflow: hidden; background: url(../images/btn-scroll.png) no-repeat; filter:alpha(opacity=40);opacity:.4; }
.m-news .btnBox a.prevBtn{ left: 0; background-position: 0 0; }
.m-news .btnBox a.nextBtn{ right: 0; background-position: -42px 0; }
.m-news .btnBox a:hover{ filter:alpha(opacity=80);opacity:.8; }


.m-about{ padding: 50px 0 60px; }
.m-about .conBox{ margin-top: 36px; }
.m-about .conBox .w596{ width: 596px; }
.m-about .conBox .u-img{ display: block; width: 596px; height: 446px; overflow: hidden; }
.m-about .content{ padding: 6px 32px 28px; color: #fff; background: url(../images/bg-about.png) center repeat-y; }
.m-about .content .u-name{ height: 58px; line-height: 58px; overflow: hidden; font-size: 20px; }
.m-about .content .u-con{ height: 104px; line-height: 30px; font-size: 14px; }
.m-about .content .u-con:before{ content: ""; display: block; margin-bottom: 12px; width: 40px; height: 2px; overflow: hidden; background: #fff; }

.m-about .contact{ padding: 20px 32px; min-height: 210px; _height: 210px; background: #f5f5f5; }
.m-about .contact a{ color: #666; }
.m-about .contact a:hover{ text-decoration: underline; }
.m-about .contact .addrBox{ width: 300px; }
.m-about .contact .telBox{ width: 204px; }

.m-about .contact .title{ padding-top: 14px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; font-weight: normal; border-bottom: solid 1px #ccc; }
.m-about .contact .title:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: -5px 10px 0 0; height: 32px; overflow: hidden; background: url(../images/ico-contact.png) no-repeat; }
.m-about .contact .addrBox .title:before{ width: 24px; background-position: 0 0; }
.m-about .contact .telBox .title:before{ width: 32px; background-position: -34px 0; }

.m-about .contact .u-con{ margin-top: 25px; line-height: 30px; overflow: hidden; font-size: 16px; color: #666; }
.m-about .contact .addrBox .u-con .en{ margin-top: 15px; line-height: 24px; font-size: 14px; }

.m-about .contact .telBox .u-con .tel{  margin-top: 5px; }
.m-about .contact .telBox .u-con .tel:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 2px 10px 0 0; width: 26px; height: 26px; overflow: hidden; background: url(../images/ico-tel.png) no-repeat; }


.m-links{ overflow: hidden; }
.m-links .listBox{ margin: 0 -1px; }
.m-links .listBox li{ float: left; display: inline; margin-right: 23px; width: 222px; height: 90px; overflow: hidden; }
.m-links .listBox li img{ vertical-align: middle; max-width: 100%; max-height: 100%; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease; }
.m-links .listBox li a{ position: relative; zoom:1; display: block; width: 222px; height: 90px; line-height: 0; overflow: hidden; font-size: 0; text-align: center; }
.m-links .listBox li a:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: middle; height: 100%; }
.m-links .listBox li a:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: solid 0 #e5e5e5; -webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear; }
.m-links .listBox li a:hover:after{ border-width: 4px; -moz-box-shadow:0 0 0 1px #fff inset; -webkit-box-shadow:0 0 0 1px #fff inset; box-shadow:0 0 0 1px #fff inset; }
.m-links .listBox li a:hover img{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);}

.m-links .btnBox a{ position: absolute; top: 50%; margin-top: -26px; width: 32px; height: 51px; overflow: hidden; background: url(../images/btn-scroll.png) no-repeat; filter:alpha(opacity=40);opacity:.4; }
.m-links .btnBox a.prevBtn{ left: 0; background-position: 0 0; }
.m-links .btnBox a.nextBtn{ right: 0; background-position: -42px 0; }
.m-links .btnBox a:hover{ filter:alpha(opacity=80);opacity:.8; }


.footer-box{ position: relative; z-index: 10; padding-top: 40px; overflow: hidden; background: #333; }

.footer-box,
.footer-box a{ color: #999; }
.footer-box a:hover{ color: #ccc; }

.m-footer{ margin-bottom: 60px; }

.footer-nav{ float: left; display: inline; width: 700px; }
.footer-nav .fir-li{ float: left; display: inline; }
.footer-nav h4{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: normal; }
.footer-nav h4 a{ color: #fff; }
.footer-nav .sec-ul{ margin-top: 32px; }
.footer-nav .sec-ul li{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; }

.footer-contact{ float: right; display: inline; margin-right: 40px; max-width: 440px; line-height: 0; font-size: 0; text-align: right; }

.footer-contact .tel{ position: relative; zoom:1; padding-left: 68px; text-align: left; }
.footer-contact .tel:before{ content: ""; position: absolute; top: 0; left: 0; width: 55px; height: 100%; overflow: hidden; border-right: solid 1px #5c5c5c; background: url(../images/ico-footer-tel.png) 0 center no-repeat; }
.footer-contact .tel h4{ line-height: 20px; font-size: 14px; font-weight: normal; color: #ccc; }
.footer-contact .tel p{ margin-top: 6px; line-height: 1; font-size: 24px; font-weight: bold; color: #fff; }
.footer-contact .search{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: 20px; width: 336px; overflow: hidden; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; }
.footer-contact .search input{ vertical-align: top; height: 40px; border: 0 none; background: none; }
.footer-contact .search .u-text{ padding: 0 16px; width: 264px; line-height: 40px; font-size: 14px; color: #aeaeae; background: #666; }
.footer-contact .search .u-text::-webkit-input-placeholder{color:#999;}
.footer-contact .search .u-text::-moz-placeholder{color:#999;}
.footer-contact .search .u-text:-moz-placeholder{color:#999;}
.footer-contact .search .u-text:-ms-input-placeholder{color:#999;}
.footer-contact .search .u-btn{ width: 40px; background: #1e1e1e url(../images/ico-footer-search.png) 8px center no-repeat; }

.footer-copyright{ border-top: solid 1px #616161; padding: 20px 0; line-height: 30px; font-size: 14px; }
.footer-copyright .link{ float: right; display: inline; margin-left: 20px; }


.m-client{ position:fixed;z-index:99;top:50%;right:0;margin-top:-85px;width:42px;_position:absolute; }
.m-client li{ margin-bottom: 1px; }
.m-client li.client-goTop{ display: none; }
.m-client .u-a{ position: relative; display: block; padding-left: 42px; height: 42px; background:#129864; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-client .u-a:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: url(../images/bg-client.png) repeat; filter:alpha(opacity=0);opacity:0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.m-client .u-a .ico{ position: absolute; top: 0; left: 0; width: 42px; height: 42px; overflow: hidden; background: url(../images/ico-client.png) no-repeat; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.m-client .u-a:hover{ background-color: #057fbf; }
.m-client .u-a:hover:before{ filter:alpha(opacity=100);opacity:1; }


.m-client .home .ico{ background-position: 0 0;}
.m-client .tel .ico{ background-position: 0 -42px;}
.m-client .qq .ico{ background-position: 0 -84px;}
.m-client .wechat .ico{ background-position: 0 -126px;}
.m-client .goTop .ico{ background-position: 0 -168px;}

.m-client .conBox .con{ display: none; position: absolute; top: 0; right: 100%; margin-right: 6px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.m-client .conBox .con:before{ content: ""; position: absolute; top: 17px; right: 0; margin-right:-8px; width:0; height:0; overflow:hidden; border-width:4px; border-style:solid; border-color: transparent transparent transparent #057fbf; }

.m-client .text{ padding: 0 16px; line-height: 42px; font-size: 20px; font-family: Arial; font-weight: bold; color: #fff; background: #057fbf; white-space: nowrap; }

.m-client .erwei{ padding: 2px; min-height: 38px; background: #057fbf; }
.m-client .erwei img{ width: 124px; height: 124px; }

.m-client li.client-goTop .u-a,
.m-client li.client-goTop .u-a:hover{background:#003d25;}
.m-client li.client-goTop .u-a:hover .ico{-webkit-animation:goTop .6s infinite; animation:goTop .6s infinite;}
.m-client li.client-goTop .u-a:before{ display: none; }

@keyframes goTop{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-2px)}100%{-webkit-transform:translate(0,0)}}


.sub-box{ overflow: hidden; background: #f2f2f2; }

.sub-menu{ margin-bottom: 8px; padding-top: 30px; }
.sub-menu .tabBox{ margin: 0 auto; width: 1124px; }
.sub-menu .tabCon .content{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }

.sub-menu .btnBox a{ position: absolute; top: 0; width: 28px; overflow: hidden; font-family: 'SimHei'; text-align: center; }
.sub-menu .btnBox a.prevBtn{ left: -38px; }
.sub-menu .btnBox a.nextBtn{ right: -38px; }

.sub-menu .fir-box{ position: relative; zoom:1; }
.sub-menu .fir-box li{ position: relative; zoom:1; float: left; display: inline; margin-right: 4px; width: 278px; background: #fff; }
.sub-menu .fir-box li a{ position: relative; display: block; height: 84px; line-height: 84px; overflow: hidden; font-size: 18px; text-align: center; }
.sub-menu .fir-box li:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/sub/bg-menu.png) center repeat-y; filter:alpha(opacity=0);opacity:0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-menu .fir-box li.on:before{ filter:alpha(opacity=100);opacity:1; }
.sub-menu .fir-box li.on a{ color: #fff; }
.sub-menu .fir-box .btnBox a{ height: 84px; line-height: 84px; font-size: 26px; background: #fff; }
.sub-menu .fir-box .btnBox a:hover{ color: #fff; background: #069b46;}

.sub-menu .sec-box{ position: relative; zoom:1; margin-top: 1px; background: #c6c6c6; }
.sub-menu .sec-box li{ float: left; display: inline; margin-right: 4px; width: 184px; }
.sub-menu .sec-box li a{ position: relative; zoom:1; display: block; height: 54px; line-height: 54px; overflow: hidden; font-size: 16px; text-align: center; color: #fff; }
.sub-menu .sec-box li a:before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 4px; overflow: hidden; background: #049b41; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-menu .sec-box li a:hover:before,
.sub-menu .sec-box li.current a:before{ left: 0; width: 100%; }

.sub-menu .sec-box .btnBox a{ height: 54px; line-height: 54px; font-size: 20px; color: #999; }
.sub-menu .sec-box .btnBox a:hover{ color: #069b46; }



.detail-share{ position: absolute; bottom: 44px; right: 0; width: 40px; }
.detail-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.detail-share .bdsharebuttonbox .bds_more{ margin: 0; width: 40px; height: auto; line-height: 1; text-indent: 0; text-align: center; background: url(../images/ico-share.png) center 0 no-repeat; }
.detail-share .bdsharebuttonbox .bds_more:before{ content: "分享"; margin-top: 34px; display: block; font-size: 14px; }


.detail-page{ margin-top: 60px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.detail-page .page-text{position: relative;padding-left: 62px;overflow:hidden;width:44%;height:46px;line-height:46px;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color:#666;}
.detail-page .page-text a{color:#666;}
.detail-page .page-text a:before{ position: absolute; top: 0; margin-left: -62px; width: 44px; font-size: 26px; font-family: 'SimSun'; text-align: center; border-left: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.detail-page .page-text a:hover:before{ color: #fff; border-color: #008d51; background: #008d51; }
.detail-page .f-fl a:before{ content: "<"; }
.detail-page .f-fr{text-align:right;}
.detail-page .f-fr a:before{ content: ">"; }



.sub-pic{ margin-top: 50px; }
.sub-pic ul{ margin: -24px 0 0 -24px; }
.sub-pic li{ float: left; display: inline; margin: 24px 0 0 24px; width: 384px; }
.sub-pic .u-box{ position: relative; top: 0; display: block; padding-bottom: 2px; background: #fff; -webkit-transition:top .5s ease, -webkit-box-shadow .3s ease;-moz-transition:top .5s ease, -moz-box-shadow .3s ease;transition:top .5s ease, box-shadow .3s ease; }
.sub-pic .u-img{ display: block; padding: 9px; width: 366px; height: 362px; overflow: hidden; }
.sub-pic .u-name{ border-top: solid 1px #b1b1b1; height: 80px; line-height: 80px; overflow: hidden; font-size: 18px; font-weight: normal; text-align: center; }
.sub-pic .u-box:hover{ top: -10px; -moz-box-shadow:0 0 12px rgba(0,0,0,.4); -webkit-box-shadow:0 0 12px rgba(0,0,0,.4); box-shadow:0 0 12px rgba(0,0,0,.4); }


.pro-detail{ padding-top: 40px; background: url(../images/bg-detail.jpg) center 0 no-repeat; }
.pro-detail .detail-bg{ margin: 0 auto; padding: 0 26px 60px; width: 1148px; background: #fff; }
.pro-detail .detail-title{ position: relative; zoom:1; margin-bottom: 26px; padding: 54px 60px 44px 0; border-bottom: solid 1px #ccc; }
.pro-detail .detail-title h1{ padding: 6px 0; line-height:36px; font-size:26px; color: #039c3f; }
.pro-detail .detail-img{position:relative;zoom:1;line-height:0;font-size:0;text-align:center;}
.pro-detail .detail-img li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-right: 8px; width: 570px; text-align: center; }
.pro-detail .detail-img img{ max-width: 100%; }
.pro-detail .detail-img .btnBox{ display: none; position: absolute; right: 0; bottom: 0; }
.pro-detail .detail-img .btnBox a{ float: left; display: inline; margin-left: 1px; width: 45px; height: 45px; line-height: 45px; overflow: hidden; font-size: 36px; font-family: 'SimSun'; background: #f2f2f2; }
.pro-detail .detail-img .btnBox a:hover{ color: #fff; background: #069b46; }
.pro-detail .detail-con{line-height:30px;padding:30px 0; font-size: 14px;}
.pro-detail .detail-con img{ max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "" : "940px" );}


.sub-news{ margin-top: 50px; overflow: hidden; }
.sub-news ul{ margin: -32px 0 0 -32px; }
.sub-news li{ float: left; display: inline; margin: 32px 0 0 32px; padding-bottom: 16px; width: 276px; }
.sub-news a:hover{ color: #209b5b; }
.sub-news .u-img{ position: relative; zoom:1; display: block; width: 276px; height: 206px; overflow: hidden; }
.sub-news .u-img .date{ position: absolute; z-index: 10; top: 0; left: 18px; padding: 30px 4px 6px; width: 44px; color: #fff; background: #209b5b url(../images/bg-date.png) 0 80px repeat-x; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-news .u-img .date .DD{ line-height: 30px; text-indent: 3px; font-size: 26px; }
.sub-news .u-img .date .YYMM{ line-height: 14px; white-space: nowrap; }
.sub-news .u-img:hover .date{ background-position: 0 0; }
.sub-news .u-name{ margin-top: 15px; height: 48px; line-height: 24px; overflow: hidden; font-size: 16px; font-weight: normal; }
.sub-news .u-con{ margin-top: 18px; padding-top: 16px; height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; border-top: solid 1px #ccc; }
.sub-news .u-more{ margin-top: 4px; line-height: 24px; }
.sub-news .u-more a{ font-size: 14px; color: #209b5b; }
.sub-news .u-more a:after{ content: ">"; vertical-align: top; font-size: 15px; font-family: 'SimHei'; filter:alpha(opacity=0);opacity:0; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-news .u-more a:hover:after{ margin-left: 6px; filter:alpha(opacity=100);opacity:1; }


.news-detail{ margin-top: 8px; padding-top: 40px; background: url(../images/bg-detail.jpg) center 0 no-repeat; }
.news-detail .detail-bg{ margin: 0 auto; padding: 0 26px 60px; width: 1148px; background: #fff; }
.news-detail .detail-title{ position: relative; zoom:1; margin-bottom: 26px; padding: 54px 60px 44px 0; border-bottom: solid 1px #ccc; }
.news-detail .detail-title h1{ padding: 6px 0; line-height:36px; font-size:26px; color: #039c3f; }
.news-detail .detail-img{text-align:center;}
.news-detail .detail-img img,
.news-detail .detail-con img{ max-width:1148px;_width:expression((documentElement.clientWidth < 1148) ? "" : "1148px" );}
.news-detail .detail-con{line-height:30px;padding:30px 0; font-size: 14px;}


.sub-content{ padding-top: 40px; background: url(../images/bg-detail.jpg) center 0 no-repeat; }
.sub-content .content-bg{ margin: 0 auto; padding: 60px 26px; width: 1148px; min-height: 300px; background: #fff; }
.sub-content img{ max-width:940px;_width:expression((documentElement.clientWidth < 940) ? "" : "940px" );}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{ margin-bottom: 50px; line-height:36px; font-size:26px; text-align: center; color: #039c3f; }
.sub-content p{line-height:30px; font-size:14px; }
.sub-content a:hover{ color: #039c3f; }
.sub-content #platform img{max-width:none;_width:none;}


.sub-message{ padding-top: 40px; background: url(../images/bg-detail.jpg) center 0 no-repeat; }
.sub-message .message-bg{ margin: 0 auto; padding: 60px 26px; width: 1148px; background: #fff; }
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'microsoft yahei';font-size:14px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'microsoft yahei';border:1px solid #ddd;background:#fff;}
.sub-message .m-form{border:1px solid #e9e9e9;background:#fcfcfc;}
.sub-message .m-submit .btn{color:#fff;background:#209b5b;}


.search-no .bd{padding:60px 0;}
.search-no .inputs{width:410px;margin-right:auto;margin-left:auto;font-size:0;}
.search-no .inputs input{font-family:'SimSun';font-size:14px;vertical-align:top;}
.search-no .inputs input.text{width:326px;height:30px;line-height:30px;padding:0 6px;border:2px solid #f5811a;border-right:0;background:#fff;}
.search-no .inputs input.btn{width:70px;height:34px;color:#fff;border:0;border:0 none;background:#f5811a;cursor:pointer;}
.search-no .pt{ height:240px;padding:100px 220px 0 500px;background:url(../images/sub/search-no.png) 220px center no-repeat;}
.search-no .pt h3{margin-bottom:10px;font-size:18px;font-family:'microsoft yahei';font-weight:normal;color:#333;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#888;}